@bg-nav:#f0f0f0;
@bg-nav-hover:#CCCCCC;
@bg-top:#f0f0f0;
@top-border:#E0E0E0;
@bg-icon:#ffc466;
@bg-main:#e96c1f;
@bg-primary:#def0f0;
@bg-die:#C3C3C3;
a:hover{text-decoration: none;}

.per5{width: 5%;}
.per10{width: 10%;}
.per15{width: 15%;}
.per20{width: 20%;}
.per30{width: 30%;}
.per35{width: 35%;}
.per40{width: 40%;}
.per50{width: 50%;}
.per60{width: 60%;}
.per70{width: 70%;}
.per75{width: 75%;}
.per80{width: 80%;}
.per85{width: 85%;}
.per90{width: 90%;}
.per100{width: 100%;}

.no-border{border: 0!important;}
.triangle(top,@w: 5px,@c:#ccc){
border-width:@w;
border-color: transparent transparent @c transparent;
border-style: dashed dashed solid dashed;
}
.triangle(right,@w: 5px,@c:#ccc){
border-width:@w;
border-color: transparent transparent transparent @c;
border-style: dashed dashed dashed solid;
}
.triangle(bottom,@w: 5px,@c:#ccc){
border-width:@w;
border-color: @c transparent transparent transparent;
border-style: solid dashed dashed dashed;
}
.triangle(left,@w: 5px,@c:#ccc){
border-width:@w;
border-color: transparent @c transparent transparent;
border-style: dashed solid dashed dashed;
}
.triangle(@_,@w: 5px,@c:#ccc){
width: 0;
height: 0;
overflow: hidden;
}